<template>
  <div class="header-title-box">
    <div class="back-btn">
      <img src="../../assets/img/icon-left.png" alt="" srcset="">
    </div>
    <div class="title">
      {{ title }}
    </div>
    <div class="back-btn">

    </div>
  </div>
</template>

<script>
export default {
  name: 'HeaderTitle',
  props: {
    title: {
      type: String,
      required: true
    }
  }
}
</script>

<style lang="less" scoped>
// 头部标题
.header-title-box {
  display: flex;
  padding: 0 .4267rem;
  height: 1.1733rem;
  align-items: center;
  margin-bottom: .32rem;

}

.header-title-box .back-btn {
  width: .7467rem;
  height: .7467rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-title-box .back-btn img {
  /* alt+z */
  display: block;
  width: .2667rem;
  height: .5333rem;
}

.header-title-box .title {
  font-size: .48rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  flex: 1;
}
</style>
